<%@page contentType="text/html;charset=utf-8" isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath}"/>

<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery+CSS3图片放大镜插件 - 站长素材</title>

<link rel="stylesheet" type="text/css" href="/dangdang_zjs/front/css/normalize.css" /><!--CSS RESET-->


<link href="/dangdang_zjs/front/css/glassstyle.css" rel="stylesheet">
<style type="text/css">
	.content img{
		display: block;
		margin: 20px auto; 
	}
	.center{text-align: center;}
</style>


</head>
<body>
<h2>Hello World!</h2>
=============
<div class="content">
	<h3 class="center">gif图片</h3>
	<img src="/dangdang_zjs/front/productImages/14.jpg"  class="light-zoom"   alt=""><!--width="350" height="189" -->
	<br>
	<!-- <h3 class="center">PNG图片</h3>
	<img class="light-zoom" width="609px" height="297px" src="/dangdang_zjs/front/productImages/14.jpg"> -->
</div>
<script type="text/javascript" src="/dangdang_zjs/front/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="/dangdang_zjs/front/js/lightzoom.js"></script>
<script type="text/javascript">
$(document).ready(function () {
	$('.light-zoom').lightzoom({
		zoomPower   : 3,    //Default
		glassSize   : 180,  //Default
	});
});
</script>
</body>
</html>
